
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width; initial-scale=1, maximum-scale=1" />
    <title>会员中心</title>
    <meta name="keywords" content="筷子国际物流会员中心">
    <meta name="description" content="筷子国际物流会员中心">
      <link href="theme/css/font-awesome.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/main2.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/layer.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="theme/css/umeditor.css" rel="stylesheet" type="text/css" media="screen" />

    <script src="theme/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="theme/js/jquery.bxslider.js" type="text/javascript"></script>
    <script src="theme/js/myscript.js" type="text/javascript"></script>
    <script src="theme/js/layer.js" type="text/javascript"></script>



    <script src="theme/js/umeditor.config.js" type="text/javascript"></script>
    <script src="theme/js/umeditor.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="theme/js/zh-cn.js"></script>


    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?acfcd907152856a69144073ed3a0a053";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100059443-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-100059443-1');
    </script>


</head>

<body>
<div class="header_top">
    <div class="inner">
        <!--
            <div class="notice">
                <ul>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>1.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>2.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>3.【公告】端午期间服务时间调整通知</li>
                    <li><i class="fa fa-volume-up" aria-hidden="true"></i>4.【公告】端午期间服务时间调整通知</li>
                </ul>
            </div>
            -->
        <style>

            .header_top{
                background:none;
            }
        </style>


        <img src="theme/picture/logo.png" alt="" style="    float: left;height: 50px;    padding: 10px 0;">
        <div class="login_box">
            <script type="text/javascript">document.write('<iframe id="myiframe" src="/index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid=1" allowTransparency="true" style="height:30px;margin-top:13px;" frameborder="0" scrolling="no"></iframe>')</script>

        </div>
        <div class="clear"></div>
    </div>
</div>
<div id="header">
    <div class="nav_box">
        <div class="nav_bg">
            <div class="inner">
                <a class="logo" href="index.html"><img src="theme/picture/logo.png" alt="" /></a>
                <button class="mobilenav_button"><i></i><i></i><i></i></button>
                <ul class="navbar-nav">
                    <li  class="on"><a href="/">首页</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=13">物流渠道</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=14">新闻中心</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=6">运费估算</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=8">常见问题</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
                    <li ><a href="http://www.kuaizi56.com/index.php?m=content&c=index&a=lists&catid=28">论坛中心</a></li>

                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>





<style type="text/css">
    .user_headimg{
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin: 10px;
        float: right;
        line-height: 100px;
        text-align: center;
    }
    .user_headimg a{
        display:none;
        text-align: center;
        background-color: #0202026e;
        padding: 8px 25%;
        color: #fff !important;
    }
</style>
<link rel="stylesheet" href="/skin/css/grade.css">
<div class="banner_top"></div>

<div class="page_content">
    <div class="inner">
        <div class="member_box">
            <div class="left_nav">
                <ul>
                    <li>
                        <a  href="index.php?m=member&c=index&a=init"><i class="fa fa-user" aria-hidden="true"></i>会员中心</a>
                    </li>
                    <li>
                        <a class="active" href="index.php?m=member&c=index&a=vip_info"><i class="fa fa-vimeo" aria-hidden="true"></i>会员等级</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=warehouse"><i class="fa fa-building" aria-hidden="true"></i>仓库地址</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=address_list"><i class="fa fa-link" aria-hidden="true"></i>收货地址</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=init"><i class="fa fa-gift" aria-hidden="true"></i>我的包裹</a>
                    </li>
                    <li>

                        <a  href="index.php?m=transport&c=index&a=outbound"><i class="fa fa-bolt" aria-hidden="true"></i>打包中</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=shipping"><i class="fa fa-truck" aria-hidden="true"></i>配送中</a>
                    </li>
                    <li>
                        <a  href="index.php?m=transport&c=index&a=under"><i class="fa fa-users" aria-hidden="true"></i>我的分享</a>
                    </li>


                    <li>
                        <a  href="index.php?m=message&c=index&a=inbox"><i class="fa fa-envelope" aria-hidden="true"></i></i>站内信</a>
                    </li>

                </ul>
                <div class="clear"></div>
            </div>
            <div class="member_text">
                <div class="my-level-cont">
                    <div class="lang-cn">
                        <h3 class="my-level-title">我的等级</h3>
                        <div class="user-level">
                            <div class="user-img-box">
                                <canvas width="120" height="120" id="canvasProgress" class="progress"></canvas>
                                <div class="img-box">
                                    <div style="height: 80px; width: 80px; display: inline-block; border: 1px solid rgb(238, 238, 238); overflow: hidden; background: none; border-radius: 0px;">
                                        <img height="100%" width="100%" style="opacity: 1; transition: opacity 0.2s ease-in 0s; border-radius: 0px;" src="/skin/images/tou.jpg">
                                    </div>
                                </div>
                                <div class="level-num">1</div>
                            </div>
                            <div class="user-msg-box">
                                <p>
                                    ERUAL
                                </p>
                                <p>
                                    成长值：0            </p>
                                <div class="look-grow">查看成长值记录</div>
                            </div>
                            <div class="progress-bar">
                                <p class="left-value"> 仅差
                                    <span>200</span>就可享受青铜会员特权啦~
                                </p>
                                <br>
                                <div class="bar">
                                    <div class="bar-static"></div>
                                    <div id="barMove" class="bar-move" style="left: -479.92px;"></div>
                                    <ul>

                                        <li class="active">
                                            <div>1</div>
                                            <span>￥无</span>
                                        </li>

                                        <li class="">
                                            <div>2</div>
                                            <span>￥200</span>
                                        </li>

                                        <li class="">
                                            <div>3</div>
                                            <span>￥3000</span>
                                        </li>

                                        <li class="">
                                            <div>4</div>
                                            <span>￥1w</span>
                                        </li>

                                        <li class="">
                                            <div>5</div>
                                            <span>￥2w</span>
                                        </li>

                                        <li class="">
                                            <div>6</div>
                                            <span>￥5w</span>
                                        </li>

                                        <li class="">
                                            <div>7</div>
                                            <span>￥10w</span>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="level-permission">
                            <h2>我的特权</h2>
                            <div class="clearfix">
                                <div class="permission-column permission-column-title">
                                    <dl>
                                        <dt>特权等级</dt>
                                        <dd>等级名称</dd>
                                        <dd>国际运费折扣</dd>
                                        <dd>
                                            积分
                                        </dd>
                                        <dd>
                                            优惠券
                                        </dd>
                                        <dd>精细拍照</dd>
                                        <dd>免费仓储天数	</dd>
                                        <dd>
                                            国内退换货服务
                                        </dd>
                                        <dd>佣金比例</dd>
                                    </dl>
                                </div>


                                <div class="active permission-column permission-column-body">
                                    <div>
                                        <p>我的专属</p>
                                    </div>
                                    <dl>
                                        <dt>V1</dt>

                                        <dd>普通会员</dd>
                                        <dd>无</dd>
                                        <dd>无</dd>
                                        <dd>无</dd>
                                        <dd>0</dd>
                                        <dd>0天</dd>
                                        <dd>0</dd>
                                        <dd>0</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V2</dt>

                                        <dd>青铜会员</dd>
                                        <dd>无</dd>
                                        <dd>10000积分</dd>
                                        <dd>无</dd>
                                        <dd>10</dd>
                                        <dd>90天</dd>
                                        <dd>10</dd>
                                        <dd>0.01</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V3</dt>

                                        <dd>白银会员</dd>
                                        <dd>99折</dd>
                                        <dd>10000积分</dd>
                                        <dd>￥25元x2张</dd>
                                        <dd>5</dd>
                                        <dd>180天</dd>
                                        <dd>5</dd>
                                        <dd>0.015</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V4</dt>

                                        <dd>黄金会员</dd>
                                        <dd>98折</dd>
                                        <dd>20000积分</dd>
                                        <dd>￥30元x3张</dd>
                                        <dd>1次/5</dd>
                                        <dd>180天</dd>
                                        <dd>1次/5</dd>
                                        <dd>0.018</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V5</dt>

                                        <dd>铂金会员</dd>
                                        <dd>96折</dd>
                                        <dd>20000积分</dd>
                                        <dd>￥40元x4张</dd>
                                        <dd>2次/1</dd>
                                        <dd>365天</dd>
                                        <dd>2次/1</dd>
                                        <dd>0.02</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V6</dt>

                                        <dd>钻石会员</dd>
                                        <dd>94折</dd>
                                        <dd>50000积分</dd>
                                        <dd>￥50元x8张</dd>
                                        <dd>0</dd>
                                        <dd>365天</dd>
                                        <dd>0</dd>
                                        <dd>0.025</dd>
                                    </dl>
                                </div>

                                <div class=" permission-column permission-column-body">
                                    <dl>
                                        <dt>V7</dt>

                                        <dd>终生会员</dd>
                                        <dd>92折</dd>
                                        <dd>100000积分</dd>
                                        <dd>￥100元x10张</dd>
                                        <dd>0</dd>
                                        <dd>365天</dd>
                                        <dd>0</dd>
                                        <dd>0.03</dd>
                                    </dl>
                                </div>


                            </div>
                        </div>
                        <div class="prime-right" style="display:none">
                            <h2>会员尊贵特权</h2>
                            <a href="#">
                                <!-- react-text: 544 -->开通Superbuy Prime会员，尊享更多特权，立即查看
                                <!-- /react-text -->
                                <!-- react-text: 545 -->&gt;
                                <!-- /react-text -->
                            </a>
                            <ul>
                                <li>
                                    国际运费折扣
                                    <br>最高8折专享
                                </li>
                                <li>
                                    增值服务
                                    <br>7折专享
                                </li>
                                <li>
                                    极速响应
                                    <br>8折专享
                                </li>
                                <li>
                                    <!-- react-text: 560 -->免费退换货服务
                                    <!-- /react-text -->
                                    <br>
                                    <!-- react-text: 562 -->每月2次
                                    <!-- /react-text -->
                                </li>
                                <li>
                                    <!-- react-text: 564 -->升级礼包
                                    <!-- /react-text -->
                                    <br>
                                    <!-- react-text: 566 -->1000积分
                                    <!-- /react-text -->
                                </li>
                                <li>
                                    <!-- react-text: 568 -->专属客服
                                    <!-- /react-text -->
                                    <br>
                                    <!-- react-text: 570 -->Superbuy Prime专属通道
                                    <!-- /react-text -->
                                </li>
                            </ul>
                        </div>
                        <div class="how-grow" style="display:none">
                            <h3>如何获得成长值</h3>
                            <div class="way1">
                                <h1>确认收货</h1>
                                <p>收到包裹后进入“我的包裹”确认收货，则该运单的包裹国际运费，1元=1个成长值</p>
                                <ul>
                                    <li>注意事项：</li>
                                    <li>1、“确认收货”的包裹须为发往港澳台或海外的国际包裹</li>
                                    <li>2、成长值升值结算时间以每次完成“确认收货”立即核算，降值将以每月1号00:00系统自动检测上月包裹提交记录并核算</li>
                                </ul>
                                <div class="hr"></div>
                            </div>
                            <div class="way2">
                                <h1>包裹评价</h1>
                                <p>签收包裹并评价，每次可获得10成长值</p>
                                <div class="hr"></div>
                            </div>
                            <div class="way3">
                                <h1>社区小组互动</h1>
                                <p>点赞，每次1成长值；回复，每条3成长值；发帖，每篇10成长值</p>
                                <div class="hr"></div>
                            </div>
                        </div>
                        <div class="problems" style="display:none">
                            <h3>常见问题</h3>
                            <p class="question">
                                <i>Q：</i>
                                <!-- react-text: 593 -->什么是成长值？
                                <!-- /react-text -->
                            </p>
                            <p>
                                <!-- react-text: 595 -->A：
                                <!-- /react-text -->
                                <!-- react-text: 596 -->成长值是您通过完成多种不同行为所获得的经验值，目前您可以通过确认收货、包裹评价、小组互动获得成长值，
                                <!-- /react-text -->
                                <a href="#">了解详细</a>
                            </p>
                            <p class="question">
                                <i>Q：</i>
                                <!-- react-text: 600 -->会员成长体系是如何的？
                                <!-- /react-text -->
                            </p>
                            <p style="font-weight: 700;">
                                <!-- react-text: 602 -->A：
                                <!-- /react-text -->
                                <!-- react-text: 603 -->会员成长体系包含6个会员等级，会员等级由“成长值”决定，成长值越高会员等级越高，会员等级对应成长值如下：
                                <!-- /react-text -->
                            </p>
                            <table class="table-group">
                                <tr>
                                    <td>特权等级</td>
                                    <td>
                                        <!-- react-text: 608 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 609 -->0
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 611 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 612 -->1
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 614 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 615 -->2
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 617 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 618 -->3
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 620 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 621 -->4
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 623 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 624 -->5
                                        <!-- /react-text -->
                                    </td>
                                    <td>
                                        <!-- react-text: 626 -->V
                                        <!-- /react-text -->
                                        <!-- react-text: 627 -->6
                                        <!-- /react-text -->
                                    </td>
                                </tr>
                                <tr>
                                    <td>成长值</td>
                                    <td>0</td>
                                    <td>3000</td>
                                    <td>6000</td>
                                    <td>18000</td>
                                    <td>36000</td>
                                    <td>72000</td>
                                    <td>144000</td>
                                </tr>
                            </table>
                            <p class="question">
                                <i>Q：</i>
                                <!-- react-text: 639 -->什么情况下会扣减成长值？
                                <!-- /react-text -->
                            </p>
                            <p>
                                <!-- react-text: 641 -->A：
                                <!-- /react-text -->
                                <!-- react-text: 642 -->1、V0~V6有升有降，具体升降按成长值计算公式进行核算
                                <!-- /react-text -->
                                <a href="#">查看计算公式</a>
                            <div>
                                <!-- react-text: 645 -->2、连续2个月符合成长值累积条件的包裹提交记录为0，成长值不降；连续3个月及以上提交记录为0，则第3个月开始以100点为基数，每个月累计扣减成长值（次月扣减）。
                                <!-- /react-text -->
                                <br>
                                <!-- react-text: 647 -->举例如下：
                                <!-- /react-text -->
                            </div>
                            </p>
                            <table class="table-mounth">
                                <tr>
                                    <td></td>
                                    <td>第1个月</td>
                                    <td>第2个月</td>
                                    <td>第3个月</td>
                                    <td>第4个月</td>
                                    <td>第5个月</td>
                                    <td>第6个月</td>
                                    <td>第7个月</td>
                                </tr>
                                <tr>
                                    <td>当月符合条件的包裹提交次数</td>
                                    <td class="">0</td>
                                    <td class="">0</td>
                                    <td class="">0</td>
                                    <td class="change">0</td>
                                    <td class="change">0</td>
                                    <td class="change">0</td>
                                    <td class="change">≥1</td>
                                </tr>
                                <tr>
                                    <td>成长值变化</td>
                                    <td class="">0</td>
                                    <td class="">0</td>
                                    <td class="">0</td>
                                    <td class="change">-100</td>
                                    <td class="change">-200</td>
                                    <td class="change">-300</td>
                                    <td class="change">+包裹对应成长值</td>
                                </tr>
                            </table>
                            <a href="#" class="more-help">更多帮助 &gt;</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
</div>


<link href="theme/css/umeditor.css" type="text/css" rel="stylesheet">

<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="theme/js/umeditor.min.js"></script>
<script type="text/javascript" src="theme/js/zh-cn.js"></script>


<div style="clear:both"></div>

<div class="links_box" >
    <div class="inner">
        <div class="page_title">
            <h3>友情链接</h3>
            <div class="line"></div>
        </div>
        <div class="item_box">

        </div>
        <div class="clear"></div>
    </div>
</div>


<div class="footer">
    <section class="footer-about">


        <div class="footer-about-logo">
            <div style="float: left;    margin-right: 10px;"><img src="theme/picture/gongzhonghao_qr.jpg">
                <div>关注公众号：kuaizi-express</div>
            </div>
            <div><img style="width: 125px" src="theme/picture/kefu_qr.jpg">
                <div>联系客服： kuaizi_56						</div>
            </div>


        </div>
        <div class="footer-about-main">
            <ul>

                <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" target="_blank">联系客服</a></li>

                <li><a href="index.php?m=content&c=index&a=lists&catid=23">合作伙伴</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=22">法律声明</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=21">隐私保护条款</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=20">服务协议</a></li>
                <li><a href="index.php?m=content&c=index&a=lists&catid=7">关于我们</a></li>
            </ul>
            <p>Copyright©2012-2018 kuaizi56.com All Right Reseved 鄂ICP备19002714号</p>
            <p><!-- <img src="themes/lete/img/icon/beian_icon.png"> -->筷子国际 版权所有</p>
        </div>
        <p class="footer-about-p">筷子国际是全球最大的海外华人代购中国商品的专业网站，专为海外华侨华人留学生提供代购淘宝、京东、
            当当等中国购物网站商品，如：图书、特产、零食等各类商品代购；支持Paypal、支付宝等多种安全支付方式。
            筷子国际目前在美国、英国、新加波、澳洲、加拿大等国的全球华人代购和留学生代购市场中都有着超好的口碑。</p>
        <!-- <div class="footer-about-img">
            <img src="themes/lete/img/icon/wangzhan1_icon.png">
            <img src="themes/lete/img/icon/wangzhan2_icon.png"/>
            <img src="themes/lete/img/icon/wangzhan3_icon.png">
        </div> -->
    </section>
</div>


<!--


<div id="footer">
<div class="footer_top">
    <div class="top_bg">
        <div class="inner">
            <div class="top_box">
                <div class="contact">
                    <ul>
                        <li><i class="fa fa-weixin" aria-hidden="true"></i>kuaizi-express</li>
                        <li><i class="fa fa-qq" aria-hidden="true"></i>1801777617</li>
                        <li><i class="fa fa-phone" aria-hidden="true"></i>+86 177-6421-5771</li>
                        <li><i class="fa fa-envelope" aria-hidden="true"></i>kuaizi56@gmail.com</li>
                        <li><i class="fa fa-map-marker" aria-hidden="true"></i>武汉市白沙洲街道陆家街290号中邮物流局筷子国际仓库</li>
                    </ul>
                </div>
                <div class="follow">
                    <ul>
                        <li class="jin"><img src="/skin/images/code_1.jpg">
                            <div class="name">金筷子：kuai_56</div>
                        </li>
                        <li class="yin"><img src="/skin/images/code_2.jpg">
                            <div class="name">银筷子：kuaizisister</div>
                        </li>
                        <li class="tong"><img src="/skin/images/code_3.jpg">
                            <div class="name">铜筷子：kzagent</div>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<div class="footer_bottom">


    <div class="inner">
    <div class="copy">Copyright &copy; 2017 筷子国际 All Rights Reserved 版权所有</div>
    <div class="sub_copy">鄂ICP备17005306号</div>
    </div>
</div>
</div>
-->
<Style>
    .kz_conct {
        position: fixed;
        z-index: 9999999;
        right:-127px;
        top: 200px;
        cursor: pointer;
        transition: all .3s ease;
    }
    .kz_bar ul li {
        width: 180px;
        height: 53px;
        font: 16px/53px 'Microsoft YaHei';
        color: #ff4a00;
        text-indent: 54px;
        margin-bottom: 3px;
        border-radius: 3px;
        transition: all .5s ease;
        overflow: hidden;
        background: #fff;
        border:1px solid #ff4a00;

    }
    .kz_bar i {
        height:53px;
        width:53px;
        text-align:center;
        font-size:26px;
    }
    .kz_bar .kz_top {
        text-indent: 0;

    }
    .kz_bar .kz_cart {
        text-indent: 0;
    }
    .kz_bar .kz_phone {
        text-indent: 0;
    }
    .kz_bar .kz_QQ {
        text-indent: 0;
    }
    .kz_bar .kz_ercode {
        /*height:200px;*/
        text-indent: 0;
    }
    .hd_qr {
        padding: 0 29px 25px 29px;
    }
    .kz_QQ a {
        text-indent: 54px;
        width: 100%;
        height: 100%;
        color: #ff4a00;
    }

    .erweima{
        width:125px;
        margin:0 auto;
    }
    .kz_cart a {color:#ff4a00}
    .sum_pack{
        border-radius: 10px;
        background-color: #ff4a00;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 18px;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        top: 60px;
        left: 33px;
        display:none;
    }

</Style>
<div class="kz_conct">
    <div class="kz_bar">
        <ul>
            <li class="kz_top"><i class="fa fa-caret-up" aria-hidden="true"></i>返回顶部</li>
            <li class="kz_cart"><i class="fa fa-shopping-bag"></i><span class="sum_pack">0</span><a
                    href="/index.php?m=member&c=index&a=login">我的包裹</a></li>
            <li class="kz_phone"><i class="fa fa-phone"></i>400-668-5056（非免费）</li>

            <li class="kz_QQ">
                <i class="fa fa-github-alt"></i>
                <a target="_blank" href="javascript:void(0);" onclick="customer_service()" title="即刻发送您的需求">联系客服</a>
            </li>

            <li class="kz_QQ">
                <i class="fa fa-qq"></i>
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1801777617&site=qq&menu=yes" title="即刻发送您的需求">在线咨询</a>
            </li>
            <li class="kz_ercode" style="height:53px;"><i class="fa fa-wechat"></i>微信客服 <br>
                <div class="erweima">
                    <img class="kz_qr" src="http://www.kuaizi56.com/statics/images/admin_img/QR/kefu_QR.jpg" width="125"
                         alt="关注微信">
                </div>
            </li>

        </ul>
    </div>
</div>




<!--聊天系统	开始-->

<style type="text/css">
    .clear{
        clear: both;
    }
    .chat-window {
        width: 700px;
        height: 505px;
        background: #fff;
        border: 1px solid #40b3ff;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 2018;
        box-shadow: 0 0 21px #888888;
        border-radius: 5px;
    }

    .chat-window .title-top {
        height: 35px;
        width: 100%;
        text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
        border-bottom: 1px solid #699bd1;
        color: #fff;
        cursor: move;
        text-align: center;
        line-height: 35px;
    }
    .chat-window .title-top span {
        font-size: 16px;
        font-family: -webkit-pictograph;
    }
    .aui_close {
        padding: 0;
        top: 3px;
        right: 3px;
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        font-family: Helvetica, STHeiti;
        _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino;
        text-shadow: 0 1px 0 rgba(18, 91, 167, .9);
        position: absolute;
        text-decoration: none;
        outline: none;
    }

    .chat-window .main-box {
        width: 100%;
        height: calc(100% - 30px);
    }



    .chat-window .main-box .main-box-left {
        float: left;
        width: 70%;
        /*border: 1px solid #1e6bbc;*/
        height: 100%;

    }
    .chat-window .main-box .main-box-right {
        float: left;
        width: 30%;
        border-left: 1px solid #40b3ff45;
        height: 99%;
    }
    .chat-window .main-box .main-box-left .main-box-left-up{
        width: 100%;
        height: 70%;
        background: #fff;
    }
    .chat-window .main-box .main-box-left .main-box-left-down{
        width: 100%;
        height: 30%;

    }

    .edui-container .edui-toolbar{
        box-shadow:none;
        border-top: 1px solid #e1e1e1;
    }
    .edui-container{
        border: none;
        box-shadow:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation{
        text-align: right;
        padding: 0 20px;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button{
        width: 60px;
        height: 25px;
        cursor: pointer;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.send{
        text-shadow: 0 1px 0 rgba(18, 91, 167, .7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#75a6da));
        color: #fff;
        border: 1px solid #40b3ff;
        outline:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.send:hover{
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b3ff), to(#d5e1f2));
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.close{
        text-shadow: 0 1px 0 #333;
        background: #fff;
        color: #999;
        border: 1px solid #ccc;
        outline:none;
    }
    .chat-window .main-box .main-box-left .main-box-left-down .operation button.close:hover{
        background:#ccc;
        color: #fff;
    }

    .main-box .main-box-left-up .content{
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding: 10px;
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar,#myEditor::-webkit-scrollbar {
        width: 6px;
        background-color: rgba(217,217,217,0.3);
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar-thumb,#myEditor::-webkit-scrollbar-thumb {
        background-color: rgba(217,217,217,0.3);
        border-radius: 6px;
    }
    .main-box .main-box-left-up .content::-webkit-scrollbar-track,#myEditor::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(217,217,217,0.3);
        background-color: #fff;
    }

    .main-box .main-box-left-up .content .sendtime{
        text-align: center;
        margin-top: 10px;
        color: #ccc;
    }

    .main-box .main-box-left-up .content li{
        margin: 10px 0;
    }
    .main-box .main-box-left-up .content .left .headimg,.main-box .main-box-left-up .content .left .infos{
        float: left;
    }
    .main-box .main-box-left-up .content .right .headimg,.main-box .main-box-left-up .content .right .infos{
        float: right;
    }
    .main-box .main-box-left-up .content .headimg img{
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
    .main-box .main-box-left-up .content .infos{
        padding: 0 10px;
        max-width: calc(100% - 60px);
    }
    .main-box .main-box-left-up .content .left .infos .nickname{
        padding-bottom: 5px;
        text-align: left;
    }
    .main-box .main-box-left-up .content .right .infos .nickname{
        padding-bottom: 5px;
        text-align: right;
    }
    .main-box .main-box-left-up .content .infos .msg{
        padding: 10px 10px;
        border-radius:5px;
        color: #16476b;
        box-shadow: 1px 1px 4px #0000004a;
        background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
    }
    .edui-container{
        width: 100% !important;
    }
    #myEditor{
        width: 100% !important;
    }




</style>

<div class="chat-window" id="chat_window" style="display: none" oncontextmenu="return false">
    <div class="title-top" id="title_top"  oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false">
        <span></span>
        <a class="aui_close" href="javascript:/*artDialog*/;" onclick="chat_window_close(this)" style="display: block;">×</a>
    </div>
    <div class="main-box">
        <div class="main-box-left">
            <div class="main-box-left-up">
                <div class="content">
                    <ul id="chat_box">

                    </ul>
                </div>
            </div>
            <div class="main-box-left-down" style="position: relative">
                <div type="text/plain" id="myEditor" style="width:100%;height:70px;min-height: 70px;font-size: 12px;"></div>

                <div class="operation">
                    <button class="close">关闭</button>
                    <button id="send" class="send" onclick="sendContent()">发送</button>
                </div>
            </div>
        </div>
        <div class="main-box-right">
            <div>
                <img style="width: 100%;margin-top: 20px;" src="theme/picture/leftrb.png">
                <img style="width: 100%;margin-top: 20px;" src="theme/picture/rightb.png">
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>


<!--聊天系统 结束-->

<script type="text/javascript">
    var um = UM.getEditor('myEditor',{
        toolbar: ['emotion']
    });
</script>


<script>
    $(function() {
        // 悬浮窗口
        $(".kz_conct").hover(function() {
            $(".kz_conct").css("right", "5px");
            $(".kz_bar .kz_ercode").css('height', '200px');
            $('.kz_bar ul li').css('width','250px')
        }, function() {
            $(".kz_conct").css("right", "-127px");
            $(".kz_bar .kz_ercode").css('height', '53px');
            $('.kz_bar ul li').css('width','180px')
        });
        // 返回顶部
        $(".kz_top").click(function() {
            $("html,body").animate({
                'scrollTop': '0px'
            }, 300)
        });

        $.getJSON("http://www.kuaizi56.com/index.php?m=member&c=check_sumpack&a=init&jsoncallback=?", function(data){
            if(data != 'false'){
                $('.sum_pack').html(data);
                $('.sum_pack').show(); //显示div


            }else{
                $('.sum_pack').hide();
            }
        });


    });

    function Chatkefu(){
        this.timer = [];
        this.int = function () {
            var CKthis = this;
            $.ajax({
                url:'/index.php?m=content&c=index&a=customer_service',
                type:'POST',
                success:function(data){
                    $('#chat_window').show();
                    clearInterval(CKthis.timer['timer1']);
                    CKthis.getKefuChat();
                }
            })
        };
        this.getKefuChat = function(){
            var time = 1000;
            var islogin = "19324";

            if(!islogin) return false;
            var i = 0;
            this.timer['timer1'] = setInterval(function(){
                i ++;
                var ele = '';
                $.ajax({
                    url:'/index.php?m=content&c=index&a=get_kefu_chat',
                    type:'POST',
                    data:{i:i},
                    success:function(data){
                        var jsonobj = JSON.parse(data);
                        var chat_info = jsonobj['chat'];
                        if(data == '1001') return false;

                        for (var k in chat_info) {

                            if (chat_info[k]['type'] == '0') {
                                ele += '<li class="right"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                    '<div class="headimg">' +
                                    '<img src="' + chat_info[k]['headimg'] + '">' +
                                    '</div>' +
                                    '<div class="infos">' +
                                    '<p class="nickname">' + chat_info[k]['username'] + '</p>' +
                                    '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                    '</div>' +
                                    '<div class="clear"></div>' +
                                    '</li>';
                            } else {

                                ele += '<li class="left"><p class="sendtime">'+chat_info[k]['sendtime']+'</p>' +
                                    '<div class="headimg">' +
                                    '<img src="' + chat_info[k]['kefu_headimg'] + '">' +
                                    '</div>' +
                                    '<div class="infos">' +
                                    '<p class="nickname">' + chat_info[k]['kefu_name'] + '</p>' +
                                    '<div class="msg">' + chat_info[k]['content'] + '</div>' +
                                    '</div>' +
                                    '<div class="clear"></div>' +
                                    '</li>';
                            }

                        }
                        $('#title_top span').text('客服：'+jsonobj['kefu']['realname']);
                        $('#chat_box').empty();
                        $('#chat_box').append(ele);
                        $('.main-box-left-up .content').scrollTop($('.main-box-left-up .content')[0].scrollHeight);
                    }
                });
            },time);
        };
        this.sendContent = function(){
            var hasContents = UM.getEditor('myEditor').hasContents();
            var getContent = UM.getEditor('myEditor').getContent();
            if(!hasContents){
                layer.tips('内容为空', '#send', {
                    tips: [1, '#0FA6D8'] //还可配置颜色
                });
                return false;
            }

            $.ajax({
                url:'/index.php?m=content&c=index&a=ajax_kefu_chat',
                type:'POST',
                data:{content:getContent},
                success:function(data){
                    switch (data) {
                        case '1000':
                            layer.alert('您还没有登陆!');
                            break;
                        case '1':
                            UM.getEditor('myEditor').setContent('');
                            break;
                    }
                }
            });
        }
        this.chatWindowClose = function(mine){
            $(mine).parents('#chat_window').hide();
            clearInterval(this.timer['timer1']);
        }
    }

    var CK = new Chatkefu();
    //启动聊天窗口
    function customer_service(){
        CK.int();
    }
    //聊天室发送消息
    function sendContent(){
        CK.sendContent();
    }
    //关闭聊天窗口
    function chat_window_close(mine) {
        CK.chatWindowClose(mine);
    }

</script>
<script type="text/javascript">
    //移动备注窗口
    var oDiv = document.getElementById("chat_window");
    var oDiv2 = document.getElementById("title_top");
    oDiv2.onmousedown=function(ev)
    {
        var oEvent = ev || event;
        var disX = oEvent.clientX - oDiv.offsetLeft;
        var disY = oEvent.clientY - oDiv.offsetTop;
        document.onmousemove=function (ev)
        {
            oEvent = ev || event;
            oDiv.style.left = oEvent.clientX -disX+"px";
            oDiv.style.top = oEvent.clientY -disY+"px";
        }
        document.onmouseup=function()
        {
            document.onmousemove=null;
            document.onmouseup=null;
        }

    }
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KCZ5MF2');</script>
<!-- End Google Tag Manager -->




<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCZ5MF2"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</body>

</html>
